
@fish-color:#fe8734;

.login{

  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.login-header{
  width: 95%;
  height: 25%;
  display: flex;
  align-items: center;

}
.login-content{
  width: 95%;
  flex: 1;
  display: flex;
  flex-direction: column;

}
.login-footer{
  width: 95%;
  height: 30%;

}
.font{
  font-size: .6rem;
  font-weight: bold;
  color: @fish-color;
}
.font2{
  font-size: .5rem;
  font-weight: bold;

}

.l-c-phone{
  display: flex;
  height: 30%;
}

.p-1{

  width: 1.2rem;
}
.p-2{
  flex: 1;
}

.l-c-code{
  display: flex;
  height: 30%;
}

.c-1{
  flex: 1;
}
.c-2{

}
.code{

  background-color: @fish-color;
  color: #ffffff;
}
.l-c-button{
  flex: 1;
  width: 100%;
}
.submit{
  width: 100%;
  height: 1rem;
  background-color: @fish-color;
  font-size: .4rem;
  font-weight: bold;
  color: #ffffff;
}

.l-f-1{
  display: flex;
  justify-content: center;
}
.l-f-h{
  width: 2rem;



}
.l-f-login{

  width: 100%;
  background-image:url("../../../assets/l-f-login.png");
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  font-size: .12rem;
}

.wx-login{
  width: 100%;
  height: 80%;
  background-image:url("../../../assets/wx-login.png");
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}




